CSS、JS 第十二天 基础学习
CSS简介
· css指层叠样式表,样式定义如何显示HTML元素,外部样式可以
提高工作效率。·
style的三种方式
内联式
 在标签内部标出style:
 <p style="color:red;">人生应该奋斗不止</p>嵌入
    通过head头引用style内的标签样式来,如图所示:
外部
   通过link标签来确定,引用外部的css格式来保证样式的引用
CSS选择器
     选择器是常用的样式选择器:
     常有:.class #id  直接标签形式的<p>,<div>,<hr>,<input>
style属性
backgroud-color
    定义背景颜色:
    <p style="background-color:red">梁楚</p>font-family
    定义文字字体系列
    <p style="font-family:verdana">A heading</p>color
    定义文字颜色
    <p style="color: black">历险</p>font-size
    定义文字大小
    <p style="font-size: 20px">hello world</p>text-align
    定义文本对齐方式
    <p style="text-align: center">中心</p>margin
    定义外边距属性,该属性有:上,右,下,左。
    margin:10px 5px 15px 20px;
    margin-top  #头部距离
    margin-right #距边框左边的距离
    margin-left  #距边框右边的距离JS简介
    JS是属于HTML和web的编程语言,js与html有很强的交互。js方法
getElementById()
    通过标签id来修改,标签内部的元素。
实例:
    document.getElementById("demo").innerHTML="hello world"    alert
    alert,通过弹窗输出数据,windows.alert()
<script type="text/javascript">
    window.alert(1)
</script>getElementsByTagName(‘img’)
    返回带有指定标签名的对象集合

getElementsByClassName
   在 class="example" 的列表中修改 class="child" 的第一项(索引值为 0) 的文:
实例:
var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 zhumeng512@qq.com
文章标题:CSS、JS 第十二天 基础学习
本文作者:弈少
发布时间:2019-07-31, 19:26:50
最后更新:2019-08-01, 13:09:08
原始链接:http://yoursite.com/2019/07/31/北京渗透测试第十二天 20190731/版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。